 .public-table {
 	width: 100%;
 	height: 100%;
 	overflow-y: auto;
 	padding: 10px 16px;

 	.table-head {
 		margin-bottom: 10px;
 		display: flex;
 		align-items: center;
 		justify-content: space-between;

 		.search-btn,
 		.action-btn {
 			display: flex;
 			gap: 8px;
 		}
 	}



 	.table-container {
 		height: calc(100% - 44px);

 		:deep(.n-spin-body) {
 			height: 100%;
 			display: flex;
 			flex-direction: column;
 			justify-content: center;
 			align-items: center;
 		}


 		:deep(.action-container) {
 			display: flex;
 			align-items: center;
 			gap: 8px;

 			.n-icon {
 				cursor: pointer;
 			}

 			.edit {
 				&:hover {

 					& path:nth-child(1),
 					& path:nth-child(2) {
 						stroke: var(--green-500);
 					}

 					& path:nth-child(2),
 					& path:nth-child(3) {
 						fill: var(--green-500);
 					}
 				}
 			}

 			.delete:hover {
 				path {
 					stroke: var(--red-500);
 				}
 			}

 			.details:hover {
 				path {
 					stroke: var(--blue-500);
 				}
 			}
 		}

 		:deep(.image-container) {
 			width: 40px;
 		}

 		:deep(.n-data-table-table) {
 			.n-data-table-td.n-data-table-td--last-row {
 				border-bottom-width: 1px;
 			}
 		}
 	}
 }